<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!-- import CSS -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <style>
      .el-upload-list--picture-card .el-upload-list__item {
        position: absolute;
        width: 64px;
        height: 64px;
        border-radius: 50%;
      }
      .el-upload--picture-card {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 64px;
        height: 64px;
        background: #000000;
        border: 1px solid #ffe98b;
        border-radius: 50%;
      }
    </style>
  </head>

  <body>
    <div id="app">
      <el-upload action="#" list-type="picture-card" :auto-upload="false">
        <i class="el-icon-plus"></i>
        <div slot-scope="{file}">
          <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
        </div>
      </el-upload>
    </div>
  </body>
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: "#app",
      data: function () {
        return { visible: false };
      },
    });
  </script>
</html>
